@charset "utf-8";
/* 顶部样式 */
.topnav{
    height: 100px;
    padding: 15px 0;
    box-sizing: border-box;
    color: #4b5f51;
 }
 /* 图片左浮动 */
 .topnav img{
     float: left;
     margin-right: 30px;
     
 }
 /* 文字样式 */
 .topnav p{
     float: left;
     /* line-height: 67px; */
     margin-top: 18px;
     padding-left: 15px;
     border-left: 1px solid #4b5f51;
 }
 .topnav p span{
     font-size: 10px;
 }
 .topnav nav{
     float: left;
     line-height: 67px;
     margin-left: 35px;    
 }
 .topnav nav a{
     display: inline-block;
     color: #4b5f51;
     margin-right: 60px;
 }
 .topnav nav a:hover{
     width: 100px;
     height: 67px;
     background: #00ae69;
     color: #fff;
     text-align: center;
 }
/* 顶部样式结束 */

/* 横幅 */
.banner{
    background: url(../img/images/vynb.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    height: 500px;
    position: relative;
}
.banner .cp{
    text-align: right;
    padding-top: 150px;
    padding-right: 100px;
}
.banner .cp span{
    font-size: 30px;
}
.banner .cp p{
    font-size: 10px;
}
.zp{
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 60px;
    width: 100%;      
}
.wb{
    text-align: center;
    
}
.wb a{
    display: inline-block;
  line-height: 60px;
  color: #fff;
  margin-right: 170px; 
}

section{
    background: url(../img/images/zhu1.jpg);
    width: 100%;
    height: 1060px;
    padding-top: 30px;

}
.zz{
    
    text-align: center;
    padding: 37px 28px 240px 28px;
    background: #fff;
    font-size: 10px;
   
}

.zz h4{
    font-size: 22px;
    margin-bottom: 10px;
    
}
.zz img{
    margin-bottom: 20px;
}
.bb{
    width: 300px;
    height: 97px;
    border: 1px solid;
    line-height: 97px;
    position: relative;
    float: left;
    left: 60px;
    margin-right: 120px;
}
.bb img{
    position: absolute;
    bottom: -45px;
    right: 120px; 
    background: #fff;
}
.cc{
    width: 300px;
    height: 97px;
    border: 1px solid;
    line-height: 40px;
    position: relative;
    float: left;
    left: px;
    margin-right: 60px;
}
.cc img{
    position: absolute;
    bottom: -45px;
    right: 120px; 
    background: #fff;
}
.dd{
    width: 300px;
    height: 97px;
    border: 1px solid;
    line-height: 97px;
    position: relative;
    float: left;
    left: px;
    margin-right: 94px;
}
.dd img{
    position: absolute;
    bottom: -45px;
    right: 120px; 
    background: #fff;
    
}

.bd {
    margin: 60px 0;
    text-align: left;
    background: #fff;

}
.bd input{
    width: 1181px;
    height: 50px;
    background: #00ae69;
    outline: none;
    border: 0;
    color: #fff;
    margin: 0 auto;
}
.kk form{
    /* text-align: left; */
}
.kk form .one{
    float: left;
}
footer .jm{
    background: #00ae69;
    text-align: center;
    height: 50px;
    
}
footer nav a{
    margin-right: 80px;
    line-height: 50px;
    color: #fff;
}
.last{
    box-sizing: border-box;
    padding: 30px 100px;
    background: #d7ece2;
    font-size: 12px;
    text-align: center;
}
.last .yy li{
    padding: 4px 0;
    
}
.last ul{
    vertical-align: top;
}
.last ul{
    display: inline-block;
    text-align: center;
    margin: 0 50px;
}
.zp img{
    width: 112px;
    height: 112px;
}
.kb{
    background: #d7ece2;
    height: 65px;
    border-top: 1px solid #c7dcd2;
    text-align: center;
    line-height: 65px;
    color: #56613a;
    font-size: 12px;
}

